<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<link href="css/load.css" rel="stylesheet" type="text/css">
		<link href="css/icons-extra.css" rel="stylesheet" type="text/css">
		<script src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.0.83/dingtalk.open.js"></script>
		<style>
			.mui-icon-extra{vertical-align: middle;font-size:20px;margin-right:8px:}
			.mui-checkbox input[type=checkbox]:checked:before,
			.mui-radio input[type=radio]:checked:before {
				color: #F25745
			}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{right:10px;top:10px}
			.mui-table-view-cell span {
				position: absolute;
				right: 10px
			}
			#sm img{width:24px;vertical-align: middle;}
			#sm{
				display: block;
				width: 70%;
				margin: 15px auto;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-size:16px;
				color: white;
				background: #F25745;
				border-radius: 15px;
			}	
			
			.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{width:70%}
			.mui-input-row label{width:30%;padding:11px 0px;padding-left:15px}
			.jp .mui-input-row label{width:50%}
			.jp .mui-checkbox{width:50%;float:left;height:50px;line-height:15px;border-bottom: 1px #ECECEC solid;box-sizing: border-box;padding-left:10px;font-size:14px}
			.jp .mui-checkbox label{margin:5px 0;height:100%;padding-right:40px}
			.jp .mui-checkbox:nth-child(even){border-left:1px #ECECEC solid}
		</style>
		<title>营销任务登记</title>
	</head>

	<body style="height:100%">
		<div class="mui-content">
			<!--<span class="button"  id="sm" ><i class="mui-icon-extra mui-icon-extra-sweep" style="margin-right:8px"></i>点击扫描客户二维码</span>-->
			<div class="mui-card">				
				<form class="mui-input-group">					
					<div class="mui-input-row">
						<label>姓名:</label>
						<input type="text" placeholder="请输入姓名" id="name" class="mui-input-clear">
					</div>
					<div class="mui-input-row">
						<label>手机号:</label>
						<input type="number" placeholder="请输入客户手机号" id="tel" class="mui-input-clear">
					</div>	
					<div class="mui-input-row">
						<label>身份证号:</label>
						<input type="text" placeholder="请输入客户身份证号" id="sfzh" class="mui-input-clear">
					</div>	
					<div class="mui-input-row xykhd" style="display: none;">
						<label>信用卡账号:</label>
						<input type="text" placeholder="请输入信用卡账号" id="xyk" class="mui-input-clear">
					</div>
				</form>
			</div>
			<h5 style="padding-left:15px" class="lj">积分信息：</h5>
			<div class="mui-card lj" >
				<form class="mui-input-group">	
					<div class="mui-input-row">
						<label>存款金额:</label>
						<input type="number" placeholder="请输入存款金额(万元)" id="ckje" class="mui-input-clear" style="width:55%;float:left">
						<span style="width:15%;float:right;color:red;height:40px;line-height:40px;text-align: center;font-size:16px">万元</span>
					</div>	
					<div class="mui-input-row">
						<label>是否双倍积分:</label>
						<select id="sf">
							<option value="0">否</option>
							<option value="1">是</option>
						</select>
					</div>
					<div class="mui-input-row">
						<label>兑换积分:</label>
						<input type="number" placeholder="请输入存款金额获取积分" id="ckjf" class="mui-input-clear" disabled="disabled">
					</div>
				</form>
			</div>
			<h5 style="padding-left:15px">奖品信息：</h5>
			<div class="mui-card">
				<div class="jp mui-input-group" ></div>		
			</div>
			<!--<div class="mui-card cj" style="display: none;">
				<form class="mui-input-group">
					<div class="mui-input-row">
						<label>抽奖卡号:</label>
						<input type="number" placeholder="请输入抽奖卡号" id="cjkh" class="mui-input-clear">
					</div>
				</form>
			</div>-->
			<!--<h5 style="padding-left:15px">营销人信息：</h5>
			<div class="mui-card">
				<form class="mui-input-group">
					<div class="mui-input-row">
						<label>柜员号:</label>
						<input type="text" placeholder="请输入营销人的柜员号" id="gyh" class="mui-input-clear">
					</div>
					<div class="mui-input-row">
						<label>营销人:</label>
						<input type="text" placeholder="请输入柜员号获取" id="yxr" class="mui-input-clear" disabled="disabled" >
					</div>
					<div class="mui-input-row">
						<label>营销网点:</label>
						<input type="text" placeholder="请输入柜员号获取" id="yxwd" class="mui-input-clear" disabled="disabled">
					</div>
				</form>
			</div>-->
			
			<span class="mui-btn mui-btn-block" style="width:90%;border-radius: 10px;padding:5px 0;margin:20px auto;background:#F25745;color:#fff" id="tj"><i class="mui-icon-extra mui-icon-extra-topic" style="margin-right:8px"></i>提交信息</span>
		</div>
		<script src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script src="js/importJs.js"></script>
		<script src="js/load.js"></script>

	</body>

</html>